<template>
	<div class="store-detail mb15">
		<img class="storepic" src="../../assets/images/storeheading.png" alt="" />
		<div class="storeinfo">
			<h3>上海市普陀区梅川路299\301号</h3>
			<p><span class="time">营业时间:07:30-20:00</span><span>星月服务:21:30-00:00</span></p>
		</div>
		<p class="toolinfo">
			<span class="item">
				<i class="icon-tel"></i>
				电话
			</span>
			<span class="item">
				<i class="icon-tel"></i>
				在店付
			</span>
			<span class="item">
				<i class="icon-tel"></i>
				导航
			</span>
		</p>

		
	</div>
</template>

<style lang="scss" scoped>		
		@import "../../assets/css/_functions.scss";
		@import "../../assets/css/_variables.scss";
		.store-detail{
			width: 37.5rem;
			margin-bottom: rem(15);
			background: $_fff;
			img.storepic{
				width: 100%;
			}
			.storeinfo{
				line-height: 1.5;
				font-size: rem(14);
				padding:rem(15);
				border-bottom: 1px solid #dedede;
				p{
					font-size: rem(12);
					color:$_999;
				}
				.time{
					display: inline-block;
					margin-right:rem(40);
				}
			}
			.toolinfo{
				display: flex;
				justify-content:space-around;
				padding:rem(10) 0;
				span.item{
					text-align: center;
					font-size: rem(12);
					line-height: 1.5;
					.icon-tel{
						display: flex;
						width: rem(32);
						height: rem(32);
						background:#ccc;
						border-radius:rem(32);
					}


				}
			}

		}
</style>



<script>

	
</script>
